@font-face {
   font-family: OpenSans;
   src: url('../assets/fonts/OpenSans-CondLight.ttf');
   font-weight:300;
}
@font-face {
   font-family: OpenSans;
   src: url('../assets/fonts/OpenSans-CondLightItalic.ttf');
   font-weight:300;
   font-style: italic;
}
@font-face {
   font-family: OpenSans;
   src: url('../assets/fonts/OpenSans-CondBold.ttf');
   font-weight:700;
}
body {background:#edf1f4;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
.container{
   width: 1000px;
   margin: 0 auto;
}
.font-opensans{
   font-family: OpenSans;
}
span.required {
   color: #F00;
}
#content{
   padding-bottom: 20px;
}
#logo{
   left: -145px;
   bottom: 22px;
}
.white-bg{
   background: #fff;
}
.sprite{
   background: url(../images/sprite.png) no-repeat;
   top:0;
   left: 0;
}
.icon-phone{
   width: 40px;
   height: 40px;
   background-position: -1px -6px;
}
.icon-mail{
   width: 40px;
   height: 40px;
   background-position: -43px -6px;
}
.icon-search{
   width: 29px;
   height: 24px;
   background-position: -40px -51px;
}
.half-arrow-down{
   width: 10px;
   height: 9px;
   background-position: -8px -82px;   
   top: 32px;
}
.half-arrow-down.medium-left{
   width: 22px;
   height: 22px;
   background-position: -33px -83px;   
   top: 50px;
   left: 0px;
}
.half-arrow-down.medium-right{
   width: 22px;
   height: 22px;
   background-position: -54px -83px;   
   top: 50px;
   left:auto;
   right:0;
}
.icon-key{
   width: 28px;
   height: 27px;
   background-position: -167px -3px;
}
.icon-user{
   width: 68px;
   height: 94px;
   background-position: -3px -107px;
}
.highlight{
   color:#cc0000;
}
.notification-box{
   border:1px solid #fff;
   padding: 10px;
   border-radius: 5px;
   margin: 10px;
}
.notification-box .ic-notifi{
   float:left;
   margin: 10px;
}
.notification-box.info-box{
   border-color: #9fc7f5;
   background-color: #dbecff;
}
.notification-box.info-box .ic-notifi{
   background: url(../images/info-notifi.png) no-repeat;
   width: 35px;
   height: 47px;
}
.notification-box.info-box .title{
   color: #2850c1;
}

.notification-box.success-box{
   border-color: #9adf8f;
   background-color: #d4ffcd;
}
.notification-box.success-box .ic-notifi{
   background: url(../images/success-notifi.png) no-repeat;
   width: 36px;
   height: 50px;
}
.notification-box.success-box .title{
   color: #39922c;
}

.notification-box.warning-box{
   border-color: #e5db55;
   background-color: #fefccb;
}
.notification-box.warning-box .ic-notifi{
   background: url(../images/warning-notifi.png) no-repeat;
   width: 37px;
   height: 48px;
}
.notification-box.warning-box .title{
   color: #878314;
}

.notification-box.error-box{
   border-color: #df8f90;
   background-color: #ffd2d3;
}
.notification-box.error-box .ic-notifi{
   background: url(../images/error-notifi.png) no-repeat;
   width: 35px;
   height: 59px;
}
.notification-box.error-box .title{
   color: #871414;
}
.banner-top{
   width: 500px;
   overflow: hidden;
   float: left;
   margin: 10px 0 0 110px;
   height: 100px;
}
.banner-left,
.banner-right{
   top:200px;
   transition: all 0.5s ease 0.2s;
}
.banner-left{
   left: 10px;
}
.banner-right{
   right:10px;
}
@media only screen and (max-width:1285px){
   .banner-left,
   .banner-right{
      display:none;
   }  /* styles for browsers larger than 960px; */
}
#header{
   margin: 0 0 20px 0;
   background: #4DA2EE;
   box-shadow: 0 2px 3px rgba(2, 12, 20, 0.51);
}
#header ul.login{
   float:right;
   background: #07467c;
   border-radius: 0 0 8px 8px;
   padding: 5px 15px;
}
#header ul.login li{
   float:left;
   margin: 0 2px 0 0;
}
#header ul.login li:first-child a{
   border-right:1px solid #01a1f5;
}
#header ul.login li a{
   color: #01a1f5;
   padding:0 8px ;
}
#header ul.login li a:hover{
   color:#C2D5FF;
}
#header .container.relative{
   height: 190px;
}
#header .right{
   margin: 45px 0;
}
#header .right ul li{
   float: left;
   padding: 0 0 0 50px;
}
#header .right ul li:first-child{
   margin-right: 30px;
}
#header .right ul li a{
   color:#fff;
   padding: 10px 0;
   line-height: 42px;
}
#main-menu{
   height: 40px;
   left: 0;
   right:0;
   background: #fff;  
   bottom:-20px;
}
#main-menu > ul.menu-level-1{
   display:block;
}
#main-menu > ul.menu-level-1 > li{
   float:left;
   margin: 0px;
}
#main-menu > ul.menu-level-1 > li > a{
   display: block;
   padding: 8px 20px 8px 20px;
   font-family: OpenSans;
   font-weight: bold;
   font-size: 16px;
}
#main-menu > ul.menu-level-1 > li > a:hover,
#main-menu > ul.menu-level-1 > li > a.active{
   color:#cc0000;
   background: #dedede;
   transition: all 0.2s ease-in-out;
}
#main-menu > ul.menu-level-1 > li > a.post{
   background: #1A7DD9;
   color: #FFF;
}
#main-menu > ul.menu-level-1 > li.icon-home{
   width: 40px;
}
#main-menu > ul.menu-level-1 > li.icon-home a{
   padding: 10px 10px 12px 10px;
   width: 21px;
}
#footer{
   min-height: 280px;
   background: #023561;
}
#footer .bottom-menu{}
#footer .bottom-menu ul li{
   float:left;
   font-size: 14px;
   border-left:1px solid #ccc;
   margin: 15px 0 0 0;
   line-height: 14px;
   padding: 0 5px;
}
#footer .bottom-menu ul li:first-child{
   border-left:none;
}
#footer .bottom-menu ul li a{
   color:#ccc;  
}
#footer .company{
   margin: 30px 0 0 0;
}
#footer .info-company{
   color:#fff;
}
#footer .name-company{
   color:#fff;
   font-size: 18px;
   margin: 50px 0 20px 0;
}
.icon-search.absolute{
   right:0;
   top:0;
   
}
.icon-house{
   width: 50px;
   height: 50px;
   background-position: -87px -4px;
}
.icon-focus{
   width: 23px;
   height: 23px;
   background-position: -138px -6px;
}
.icon-question{
   width: 28px;
   height: 31px;
   background-position: -137px -33px;
}
.btn-search{
   width: 58px;
   height: 40px;
   background: #00203c;
   display: inline-block;
   margin: 0 !important;
   cursor: pointer;
}
.btn-search .icon-search{
   top:7px;
   left:12px;
}
.search-form{
   right: 0;
   top:100%;
   display: none;
   z-index: 3;
   width: 289px;
   border: solid 1px #D2D2D2;
   padding: 3px 5px;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius: 2em;
   -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
   transition:all 0.3s ease-in-out;
   -webkit-transition:all 0.3s ease-in-out;
   -ms-transition:all 0.3s ease-in-out;
   -moz-transition:all 0.3s ease-in-out;
   -o-transition:all 0.3s ease-in-out;
   transition:all 0.3s ease-in-out;
   box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
   background: #F1F1F1;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EDEDED));
   background: -moz-linear-gradient(top, #fff, #ededed);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.show-form-search .search-form{
   display: block;
}
.search-form .searchfield {
   background: #FFF;
   padding: 6px 6px 6px 8px;
   margin: 0;
   height: 18px;
   width: 202px;
   border: solid 1px #BCBBBB;
   outline: none;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius: 2em;
   -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.searchbutton {
   color: #FFF;
   border: solid 1px #494949;
   font-size: 12px;
   height: 27px;
   width: 27px;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius: 2em;
   background: #5F5F5F;
   background: -webkit-gradient(linear, left top, left bottom, from(#9E9E9E), to(#454545));
   background: -moz-linear-gradient(top, #9e9e9e, #454545);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545');
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545');
}
.slogan{
   border-bottom:2px solid #336699;
   width: 540px;
   margin: 30px auto;
   padding:0 0 14px 0;
   color:#003366;
   font-size: 24px;
   font-family: OpenSans;
   font-weight: bold;
}
.slogan span{
   background: #fff;
   left: 90px;
   padding:0 15px;
   color:#666666;
   font-size: 18px;
   font-style: italic;
}
.caption-label{
   padding: 2px 30px 0 30px;
   margin-left: -10px;
   background: #033561;
   text-transform: uppercase;
   color:#fff;
   font-size: 20px;
}
.pagination {
   margin: 0 10px 10px 0 !important;
   border:none !important;
}
.pagination > li {
   width: 23px;
   height: 23px;
   background: #dbdbdb;
   color:#666666;
   float:left;
   margin: 0 2px;
   text-align: center;
}
.pagination > li.copy{
   line-height: 20px;
}
.pagination > li > a{
   display: block;
   height: 100%;
}
.pagination li.active,
.pagination li:hover{
   background: #003366;
   
}
.pagination li.active a,
.pagination li:hover a{
   color:#fff;
}
.form-horizontal .controls.inline {
   float: left;
   margin-left: 20px;
}